const user_layout = {
    template:`
    <div>
        <link href="assets/css/user.css" rel="stylesheet">
        <nav class="navbar shadow px-5">
            <div class="container">
                <a class="text-primary">CAMP</a>
                <ul class=" nav flex-row align-items-center nav-pills">
                    <li class="nav-item text-nowrap">
                        <a class="text-primary nav-link">Events</a>
                    </li>
                    <li class="nav-item text-nowrap dropdown">
                        <span class="dropdown-toggle text-primary" data-toggle="dropdown">Enrollment</span>
                        <div class="dropdown-menu">
                            <router-link :to="{name:'user.event.index'}" class="dropdown-item">Event List</router-link>
                        </div>
                    </li>
                </ul>
            </div>
        </nav>
        <main class="container py-2">
            <router-view></router-view>
        </main>
    </div>
    `,
    data(){
        return {}
    }
}